import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import first from '@/components/firstpage'
import tree from '@/components/pagetree'
import trees from '@/components/pagetrees'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/first',
      name: 'first',
      component: first,
      children: [
        {
          path: '/first/tree',
          name: 'tree',
          component: tree
        },
        {
          path: '/first/trees',
          name: 'trees',
          component: trees
        }
      ]
    }
  ]
})
